<!DOCTYPE html>
<html>
	<head>
		<title>相对屏幕</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<style>
			html, body {
				height: 100%;
				width: 100%;
			}

			body {
                margin: 0;
				--: 'hidden超出范围不会出现滚动条:';
				overflow: hidden;
				background-color: black;
			}

			.cs-div01{
				--border: solid thin red;
				background-color: darkgreen;
				color: skyblue;
				font-size: 24pt;
				height:100%;
				width:100%;
			}
		</style>
    </head>
    
	<body>

        <div id="id_div01" class="cs-div01">
					这是在div中<br>
					外面的div：height:100%;width:100%;<br>
					F11 : 全屏<br>
			<code style="position: relative; left:20px; width: 80%; background-color: black; color:white;">
			body {
                margin: 0;
				overflow: hidden;
				background-color: black;
			}
			</code>
        </div>

    </body>

</html>

